module.exports = {
    devServer: {
        port: 8001, // 端口号，如果端口被占用，会自动提升 1
        open: true, // 启动服务自动打开浏览器
        https: false, // 协议
        host: "localhost", // 主机名，也可以 127.0.0.1 或 做真机测试时候 0.0.0.0
    },
    lintOnSave: false, // 关闭语法检测，默认 true, 警告仅仅会被输出到命令行，且不会使得编译失败。
    // outputDir: "dist2", // 默认是 dist ,存放打包文件的目录,
    // assetsDir: "assets", // 存放生成的静态资源 (js、css、img、fonts) 的 (相对于 out
    // indexPath: "out/index.html", // 默认 index.html, 指定生成的 index.html 的输出路
    // productionSourceMap: false, // 打包时, 不生成 .map 文件, 加快打包构建
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    require('postcss-px-to-viewport')({
                        viewportWidth: 750, //视口宽度，这里设置为跟设计稿宽度一致；
                        viewportHeight: 1334, //视口高度，随便设置一个就可以；
                        unitPrecision: 3, //转换后值的精度，3表示保留3位小数；
                        viewportUnit: 'vw', //转换成什么视口单位，这里当然是vw；
                        selectorBlackList: ['.ignore', '.hairlines'], //是一个选择符数组，对应声明中的像素单位不会转换；
                        minPixelValue: 1, //最小像素值，大于等于这个值才会转换；
                        mediaQuery: false //是否转换媒体查询中的像素。
                    })
                ]
            }
        }
    }
}